<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="shortcut icon" type="image/x-icon" href="../assets/favicon.ico">
		<style>
		* {
		  margin: 0;
		  padding: 0;
		}
		 
		body {
		  background: #000;
		  color: #666;
		  text-align: center;
		}
		 
		audio {
		  width: 450px;
		  margin: 30px 0;
		}
		 
		.container {
		  height: 420px;
		  overflow: hidden;
		  /* border: 2px solid #fff; */
		}
		.container ul {
		  /* border: 2px solid #fff; */
		  transition: 0.6s;
		  list-style: none;
		}
		.container li {
		  height: 30px;
		  /* border: 1px solid #fff; */
		  line-height: 30px;
		  transition: 0.2s;
		}
		.container li.active {
		  color: #fff;
		  /* font-size: ; */
		  transform: scale(1.2);
		}
			
		</style>
	</head>
	<body>
		<audio controls src="../assets/music.mp3"></audio>
		<div class="container">
			<ul id="lrc">
				
			</ul>
			
		</div>
	</body>
	
	<script src='./data.js'></script>
	<script src='./index.js'></script>
</html>